<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>有哪些表单控件</title>
</head>
<body>
    <form action="">
    <!-- 手机用户的基本信息，写一个页面来让用户填写信息 -->
    用户名：<input type="text" name="username" value="请输入用户名"/><br>
    <!-- 密码框 -->
    密码：<input type="password"><br>
    <!-- 单选框 -->
    性别：
        男<input type="radio" name="gender">
        女<input type="radio" name="gender">
        未知<input type="radio" name="gender" checked="checked">
        <br>
    爱好:
        LOL <input type="checkbox" name="hobby">
        穿越火线<input type="checkbox" name="hobby">
        DNF<input type="checkbox" name="hobby">
        王者荣耀<input type="checkbox" name="hobby" checked="checked">
        <br>
        <!-- 按钮 -->
        <input type="button" value="获取验证码"><br>
        <input type="submit" value="提交信息"><br>
        <input type="reset" value="重置"><br>
        <input type="image" src="images/btn.png">
        上传头像
        <input type="file">
      
    </form>
</body>
</html>